/*
 * @Description: []
 * @Author: Iseven Monkey <iswoter@gmail.com>
 * @Date: 2023-10-28 06:34:33
 * @LastEditors: Iseven Monkey <iswoter@gmail.com>
 * @LastEditTime: 2024-01-22 12:31:57
 */
@import "variables";
@import "animate";
@import "icons";
@import "fonts";
@import "normalize";
@import "flex";
@import "grid";
@import "space";
@import "size";
@import "background";
@import "typography";
@import "text";
@import "image";
@import "form";
@import "button";
@import "popup";
@import "container";
@import "section";
@import "card";
@import "list";
@import "pagebg";
@import "tabbar";

body {
  //移动端字体
  font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Helvetica Neue", STHeiti,
    "Microsoft YaHei", Tahoma, SimSun, sans-serif;
}

@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

// 左右移动动画
@keyframes swing {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(10rpx);
  }
  100% {
    transform: translateX(0);
  }
}

.section {
  &-title {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 30rpx;
    margin-bottom: 30rpx;
    padding-left: 20rpx;

    &::before {
      content: "";
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      left: 0;
      width: 8rpx;
      height: 30rpx;
      background-color: $color-primary;
      border-radius: 4rpx;
    }

    &-text {
      font-size: 32rpx;
      color: #333;
      font-weight: bold;
    }

    &-more {
      font-size: 28rpx;
      color: #999;
      font-weight: normal;
      display: flex;
      align-items: center;
    }
  }
}
